import React from 'react';

import Icon, { IconProps } from 'components/icons/Icon';

const EyeIcon: React.FC<IconProps> = (props) => (
    <Icon {...props} viewBox="0 0 14 10">
        <path
            d="M7 0C4.17033 0 1.58194 1.75154 0.0757531 4.68526C-0.025251 4.882 -0.025251 5.11772 0.0757531 5.31444C1.58197 8.24837 4.17053 10 7 10C9.82947 10 12.4181 8.24846 13.9242 5.31474C14.0253 5.118 14.0253 4.88228 13.9242 4.68556C12.418 1.75175 9.82976 0.000299443 7 0.000299443V0ZM7 8.65746C4.75993 8.65746 2.6855 7.29718 1.39208 4.99955C2.68541 2.70228 4.75985 1.34194 7 1.34194C9.24016 1.34194 11.3145 2.70222 12.6079 4.99955C11.3146 7.29706 9.24016 8.65746 7 8.65746Z"
            fill="currentColor"
        />
        <ellipse cx="6.85914" cy="4.97725" rx="1.55446" ry="1.60665" fill="currentColor" />
    </Icon>
);

export default EyeIcon;
